<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 连接网页模版css设计文件 -->
<link rel="stylesheet" href="style/Stencil.css" />
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="style/validator.css"></link>
<script src="formValidator-4.0.1.js" type="text/javascript"
	charset="UTF-8"></script>
<script src="formValidatorRegex.js" type="text/javascript"
	charset="UTF-8"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$.formValidator.initConfig({
			submitButtonID : "Submit1",
			debug : true,
			onSuccess : function() {
				alert("");
			},
			onError : function() {
				alert("具体错误，请看网页上的提示")
			}
		});
		//这里需要添加从数据库校验原密码是否正确
		$("#original_password").formValidator({
			onShow : "请输入原密码",
			onFocus : "请输入原密码",
			onCorrect : "密码正确"
		}).inputValidator({
			min : 1,
			empty : {
				leftEmpty : false,
				rightEmpty : false,
				emptyError : "密码两边不能有空符号"
			},
			onError : "密码不能为空,请确认"
		});
		$("#new_password").formValidator({
			onShow : "请输入新密码",
			onFocus : "至少1个长度",
			onCorrect : "密码合法"
		}).inputValidator({
			min : 1,
			empty : {
				leftEmpty : false,
				rightEmpty : false,
				emptyError : "密码两边不能有空符号"
			},
			onError : "密码不能为空,请确认"
		});
		$("#c_new_password").formValidator({
			onShow : "输再次输入密码",
			onFocus : "至少1个长度",
			onCorrect : "密码一致"
		}).inputValidator({
			min : 1,
			empty : {
				leftEmpty : false,
				rightEmpty : false,
				emptyError : "重复密码两边不能有空符号"
			},
			onError : "重复密码不能为空,请确认"
		}).compareValidator({
			desID : "new_password",
			operateor : "=",
			onError : "2次密码不一致,请确认"
		});
	})
</script>
<title>网页模版</title>
</head>
<body>
	<!-- 志愿者网logo -->
	<div id="hd">
		<TABLE height=110 cellSpacing=0 cellPadding=0 width=1000 align=center
			border=0>
			<TBODY>
				<TR>
					<TD background=images/logo.jpg height=206></TD>
				</TR>
			</TBODY>
		</TABLE>
	</div>

	<div class="topNav">
    <ul class="MNav">
       <li class="first">
       <a target="_self" href="#"><font size="4"><b>首页</b></font></a></li>
       <li>
       <a target="_blank" href="#"><font size="4"><b>论坛</b></font></a></li>
       <li>
       <a target="_blank" href="#"><font size="4"><b>资料下载</b></font></a></li>
     </ul>
     </div>
	<!-- 登录模块 -->
	<div class="tools">
		<div class="logging">
			<font size=2>  您好  , </font>
			<a href="http://login.sina.com.cn"><span id="userInfoBox">用户id</span></a>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
			<a target="_blank" class="linka" href="#"><font size=2>修改密码</font></a>
			<a target="_blank" href="#"><font size=2>安全退出</font></a>
		</div>
	</div>
	<!-- 空格 -->
	<!-- 内容部分 -->
		<!-- 在此书写内容设计 -->

	<div id="wp" class="wp ">
		<!-- 在此书写内容设计 -->
		<table>
			<tbody>
				<tr>
					<!-- 左边菜单栏 -->
					<td bgcolor="#A6FFA6">
						<table width="150">
							<tr align="center">
								<td><H2>个人设置</H2></td>
							</tr>
							<tr align="center">
								<td><H3>
										<a href="personal_information.html" target="_parent">个人资料</a>
									</H3></td>
							</tr>
							<tr align="center">
								<td><H3>
										<a href="password.html" target="_parent">密码安全</a>
									</H3></td>
							</tr>
							<tr align="center">
								<td><H3>
										<a href="question_reset.html" target="_parent">安全提问</a>
									</H3></td>
							</tr>
						</table>
					</td>
					<!-- 右边修改 -->
					<td>
						<table>
							<tr>
								<td width="100" height="35" align="right">请输入原密码</td>
								<td width="10"></td>
								<td width="268"><input type="password"
									id="original_password" style="width: 250px;"></td>
								<td><div id="original_passwordTip" style="width: 200px"></div></td>
							</tr>
							<tr>
								<td width="100" height="35" align="right">请输入新密码</td>
								<td width="10"></td>
								<td width="268"><input type="password" id="new_password"
									style="width: 250px;"></td>
								<td><div id="new_passwordTip" style="width: 200px"></div></td>
							</tr>
							<tr>
								<td width="100" height="35" align="right">确认新密码</td>
								<td width="10"></td>
								<td width="268"><input type="password" id="c_new_password"
									style="width: 250px;"></td>
								<td><div id="c_new_passwordTip" style="width: 200px"></div></td>
							</tr>
							<tr>
								<td width="100" height="30" align="right"></td>
								<td width="10"></td>
								<td><a href="#"><input type="submit" value="提交"></a></td>
							</tr>
						</table>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="space"></div>
</body>
</html>